﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="Keywords" content="花开APP,花开软件,花开应用，深圳花开" />
    <meta name="Description" content="花开App-通过视频认识Ta。陌生人的一对一私密视频聊天，在花开可以选择自己喜欢的女孩子/男孩子视频聊天" />
    <title>花开App-通过视频认识Ta</title>
    <script src="static/js/app/pay/init.js" type="text/javascript"></script>
    <script src="static/js/font_lct.js" type="text/javascript"></script>
    <link rel="stylesheet" href="static/css/swiper.min.css">
    <link rel="stylesheet" href="static/css/index_m_lct.css">
    <script src="static/js/jquery.min.js"></script>
    <style>
        iframe:not(.huakai_iframe) {display:none !important;}
        #div_photo{margin: .06rem auto .08rem auto;}
        #div_photo img{border-radius: 50%; width: 3.2rem; border: #f05c5c solid .08rem; margin: 0 auto; display:block;}
        .div_invite {
            border-radius: .8rem; border: #f05c5c solid .02rem; margin: .2rem auto; display:block; width: 8rem; height: 1.4rem;
            color: #f05c5c; background-color: #ffffff; overflow: hidden;
        }
        .div_invite .label_invite_tips{
            height: 1.4rem; line-height: 1.4rem; padding-left: .68rem; padding-right: .02rem;
        }
        .div_invite a{
            height: 1.4rem; line-height: 1.4rem; color: #ffffff; background-color: #f05c5c; float: right; height: 100%;
            width: 2rem; text-align: center;
        }
        .slideone_1{
           height: 58%;
        }
        .text_lct_21,.text_lct_31,.text_lct_41{padding-top: 1rem}
        .text_lct_22,.text_lct_32,.text_lct_42{padding-bottom: 1rem}
        .mag_lct_01,.mag_lct_31,.mag_lct_41{height: 12rem;width:11.52rem }
        .download_lct2,.download_lct3,.download_lct4{margin-top:0.8rem}
        .zhezhao{ width: 100%;height:100%;position: absolute;top: 0;left: 0;z-index: 100;}
        .zhezhao>img{width: 100%;height: 100%;}
    </style>
    <script type="text/javascript">
        $(document).ready(function(){
            var customer_id = getParameter("shareId");
            console.log(customer_id);
            if(customer_id!=null){
                $("#photo_container").show();
                $(".label_invite_code").text(customer_id);
                $.ajax({
                    url: genUrl("/web/getCustomerInfo"),
                    type: 'GET',
                    contentType: "application/json",
                    data: {"customerId" : customer_id},
                    dataType: 'json',
                    async: false,
                    success: function (obj) {
                        if(obj.code=="0"){
                            console.log(obj.data.info.photo);
                            $("#img_photo").attr("src", obj.data.info.photo);
                        }else{
                            console.log("请求异常", obj);
                        }
                    }
                });
            }
        });
        var alertSuc = function () {
            alert("复制成功");
        }
    </script>
</head>
<body>
<script src="static/js/common/Monitor.js"></script>
    <!--<div id="dd"></div>-->
    <!--<div class="iosweixin"></div>-->
    <div class="main_lct_show" id="main_lct_show">
        <input style="outline: none;border: 0px; color: rgba(0,0,0,0.0);position: absolute;left:-200px; background-color: transparent" id="biao" value="" />
        <div class="swiper_lct_part infoOne">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide swiper-slide01" data-numval="1">
                        <div class="po_next_lct"></div>
                        <div class="slideone_1">
                            <div class="img_logo scalelct"></div>
                            <div id="photo_container" style="display: none;">
                                <div id="div_photo"><img id="img_photo" src="http://cdn.huakai.huakai.me/ic_default_boy.png" /> </div>
                                <div class="div_invite">
                                    <label class="label_invite_tips">邀请码：</label>
                                    <label class="label_invite_code">********</label>
                                    <a class="a_invite_copy" href="javascript:;" data-clipboard-action="copy" data-clipboard-target="input">复制</a>
                                </div>
                            </div>
                        </div>
                        <div class="slideone_2">
                            <div class="next_lct_show">
                                <div class="text_lct01 animated fadeInDown">通过视频认识TA</div>
                                <div class="text_lct02 animated bounceIn">这里目前有<span id="myTargetElement">22,562,814</span>人想通过视频认识你</div>
                                <a class="download_lct animated bounceInUp xzlct" data-clipboard-action="copy" data-clipboard-target="input" >免费下载花开</a>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide swiper-slide02" data-numval="2">
                        <div class="po_next_lct"></div>
                        <div class="text_lct_21 animated">一对一私密视频聊天</div>
                        <div class="text_lct_22 animated">365款美女，总有一款你的菜</div>
                        <div class="mag_lct_01 animated"></div>
                        <a class="download_lct2 animated xzlct" data-clipboard-action="copy" data-clipboard-target="input" >免费下载花开</a>
                    </div>
                    <div class="swiper-slide swiper-slide03" data-numval="3">
                        <div class="po_next_lct"></div>
                        <div class="text_lct_31 animated">后宫佳丽三千</div>
                        <div class="text_lct_32 animated">喜欢她，就宠她，随时随地有人视频聊</div>
                        <div class="mag_lct_31 animated"></div>
                        <a class="download_lct3 animated xzlct" data-clipboard-action="copy" data-clipboard-target="input" >免费下载花开</a>
                    </div>
                    <div class="swiper-slide swiper-slide04" data-numval="4">
                        <div class="text_lct_41 animated">漫漫长夜</div>
                        <div class="text_lct_42 animated">我在这里等你来视频</div>
                        <div class="mag_lct_41 animated"></div>
                        <a class="download_lct4 animated xzlct" data-clipboard-action="copy" data-clipboard-target="input" >免费下载花开</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="twopart">
            <div id="wrapper">
                <div id="scroller">
                    <!--<img src="images/sm01-.png" class="bigimg01">-->
                    <!--<img src="images/sm8-.png" class="bigimg02 ">-->
                </div>
            </div>
        </div>
        <div class="zhezhao" style="display: none;"><img src="static/img/mask.png" alt=""></div>
    </div>
    <script src="static/js/jquery.2.1.4.min.js"></script>
    <script type="text/javascript" src="//www.shareinstall.net/js/page/shareinstall-h5.min.js"></script>
    <script src="static/js/swiper.min.js"></script>
    <script src="static/js/countUp.js"></script>
    <script src="static/js/transform.js"></script>
    <script src="static/js/alloy_touch.js"></script>
    <script src="static/js/index_m_lct.js?v=23" +Math.random()></script><!--//滑动-->
    <script type="text/javascript" src="static/js/clipboard.min.js"></script>
    <script type="text/javascript" src="static/js/layer/layer.js"></script>
    <script type="text/javascript" src="static/js/util.js"></script>
  <!--  <script type="text/javascript" src="js/share/share.js"></script>-->
</body>

</html>
